<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0" />
		<title>游玩 - Phigros</title>
		<link rel="stylesheet" href="style.css" />
		<script src="./assets/oggmented-bundle.js"></script>
		<!-- <script src="//cdn.jsdelivr.net/gh/Kaiido/createImageBitmap@master/dist/createImageBitmap.js"></script> -->
		<script src="//cdn.jsdelivr.net/gh/gildas-lormeau/zip.js@master/dist/zip.min.js"></script>
		<!-- <script src="//cdn.jsdelivr.net/gh/flozz/StackBlur@master/dist/stackblur.min.js"></script> -->
		<!-- <script src="//cdn.jsdelivr.net/gh/hapjs/md5-js@master/md5.min.js"></script> -->
		<!-- EMM, 第三方的createImageBitmap那个似乎有Bug（） -->
		<!-- <script src="./assets/createImageBitmap.js"></script> -->
		<!-- <script type="module" src="./assets/createImageBitmap.js"></script> -->
		<script src="./assets/stackblur.min.js"></script>
	</head>
	<body>
		<canvas id="canvas" class="canvas fade"></canvas>
		<input id="btn-play" class="hide" type="button" value="播放" />
		<div class="pauseOverlay" id="pauseOverlay">
			<audio src="../assets/audio/Tap2.wav" id="tap2"></audio>
			<div id="backBtn" id="backBtn"></div>
			<div id="restartBtn" onclick="replay()"></div>
			<div id="resumeBtn" onclick="btnPause.click()"></div>
		</div>
		<!-- <div class="tapToStartFrame">
		<div class="songName">SampleChart-1</div>
		<div class="judgeLine"></div>
		<div class="detail">
			Illustration designed by HanHan233
			Level designed by HanHan233
		</div>
	</div> -->
		<div class="hide">
			<div>谱面：<select id="select-chart" style="width: 6em"></select></div>
			<div>音乐：<select id="select-bgm" style="width: 6em"></select></div>
			<div>图片：<select id="select-bg" style="width: 6em"></select></div>
			<br />
			<div>
				宽高比：<select id="select-aspect-ratio" style="width: 4em">
					<option value="1.25">5:4</option>
					<option value="1.333333">4:3</option>
					<option value="1.428571">10:7</option>
					<option value="1.461538">19:13</option>
					<option value="1.6">8:5</option>
					<option value="1.666667">5:3</option>
					<option value="1.692308">22:13</option>
					<option value="1.777778" selected>16:9</option>
				</select>
			</div>
			<div>
				按键缩放：<select id="select-scale-ratio" style="width: 4em">
					<option value="1e4">极小</option>
					<option value="9e3">较小</option>
					<option value="8e3" selected>默认</option>
					<option value="7e3">较大</option>
					<option value="6e3">极大</option>
				</select>
			</div>
			<div>
				背景变暗：<select id="select-global-alpha" style="width: 4em">
					<option value="1">黑暗</option>
					<option value="0.8">昏暗</option>
					<option value="0.6" selected>默认</option>
					<option value="0.4">较亮</option>
					<option value="0.2">明亮</option>
				</select>
			</div>
			<br />
			<div>
				歌名：<input
					id="input-name"
					class="input"
					style="width: 7em"
					placeholder="Untitled"
				/>
			</div>
			<div>
				等级：<input
					id="input-level"
					class="input"
					style="width: 7em"
					placeholder="SP  Lv.?"
				/>
			</div>
			<br />
			<div>
				曲绘：<input
					id="input-illustrator"
					class="input"
					style="width: 7em"
					placeholder="nameless"
				/>
			</div>
			<div>
				谱师：<input
					id="input-designer"
					class="input"
					style="width: 7em"
					placeholder="nameless"
				/>
			</div>
			<br />
			<div>
				<input type="checkbox" id="feedback" /><label for="feedback"
					>触摸反馈</label
				>
			</div>
			<div>
				<input type="checkbox" id="imageBlur" checked /><label for="imageBlur"
					>背景模糊</label
				>
			</div>
			<div>
				<input type="checkbox" id="highLight" checked /><label for="highLight"
					>多押高亮</label
				>
			</div>
			<br />
			<div>
				<input type="checkbox" id="hitSong" checked /><label for="hitSong"
					>开启打击音效</label
				>
			</div>
			<div>
				<input type="checkbox" id="lineColor" checked /><label for="lineColor"
					>FC/AP指示器</label
				>
			</div>
			<div>
				<input type="checkbox" id="showPoint" /><label for="showPoint"
					>显示定位点</label
				>
			</div>
			<br />
			<div class="disabled-when-playing">
				<input type="checkbox" id="hyperMode" /><label for="hyperMode"
					>HyperMode</label
				>
			</div>
			<div class="disabled-when-playing">
				<input type="checkbox" id="showTransition" checked /><label
					for="showTransition"
					>过渡动画</label
				>
			</div>
			<br />
			<div class="disabled-when-playing">
				谱面延时(ms)：<input
					id="input-offset"
					type="number"
					step="5"
					class="input"
					style="width: 4em"
					placeholder="0"
				/>
			</div>
			<div>
				<input id="btn-play" type="button" value="播放" />
				<input id="btn-pause" type="button" value="暂停" />
			</div>
		</div>
		<script src="./script.phigros.emulator.js"></script>
		<script src="./index.js"></script>
	</body>
</html>
